<template>
  <div class="col-md-6 p-0 bg-indigo h-md-100">
    <div class="text-white d-md-flex align-items-center h-100 p-5 text-center justify-content-center">
      <div class="logoarea pt-5 pb-5">
        <p>
          <i class="fa fa-dove fa-3x"></i>
        </p>
        <h1 class="mb-0 mt-3 display-4">校园宠物救助</h1>
        <h5 class="mb-4 font-weight-light">
          爱护动物，从点滴做起。保护生态，共建美好明天。
          <font-awesome-icon icon="leaf" class="fa-2x text-cyan" />
        </h5>
        <RouterLink to="/web/salvation" class="btn btn-lg btn-info btn-round mr-2">
          发起救助 <font-awesome-icon icon="hand-holding-heart" />
        </RouterLink>
        <RouterLink to="/web/donation/1" class="btn btn-lg btn-danger btn-round">
          捐赠
        </RouterLink>
      </div>
    </div>
  </div>
</template>
